*{margin: 0px;padding: 0px;}
body{    font-family: tahoma,helvetica,arial,'bitstream vera sans',sans-serif;
    font-size: 12px;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{
	display: table;
	content: "";
	clear: both;
}
.box{width: 1200px;margin: 0 auto;
}
.topzuo li{float: left;font-weight: 900;
height: 50px;line-height: 50px;box-sizing: border-box;}
.topzuo li:nth-of-type(2){/*background-color: yellowgreen;*/padding-top: 6px;
margin-left: 10px;font-size:16px ;}
.topzuo li:nth-of-type(2) span{display:inline-block;
 background:rgba(255,255,255,0);box-sizing: border-box;
 width: 100px;text-align: center;}
.topzuo li img{padding-top: 4px;}
.topyou li{float: left;}
.top ul{list-style: none;color: white;}
.topyou li{margin-left: 3px;/*background-color: yellow;*/height: 50px;
line-height: 50px;}
.topyou{margin-right: 40px;}
.top{border-radius: 12px;background: linear-gradient(#d12240,#d35972);}
.topzuo li:nth-of-type(2) a{text-decoration: none;color: white;display: inline-block;
border-radius: 6px;}
.topzuo li:nth-of-type(2) a:hover{color: #d02340;}
.topzuo li:nth-of-type(2) a:hover {background:rgba(255,255,255,1)}
.topyou a{text-decoration: none;color: white;}
.banner{width: 100%;/* background-color: yellowgreen;*/
margin-top: 16px;}
/*.bannerzhong{background-color: yellow;}*/
/*.banneryou{background-color: cornflowerblue;}*/
.bannerzuo{width: 16%;/*background-color: burlywood;*/height: 272px;
box-sizing: border-box;border: 1px solid #ccc;border-radius:8px ;}
.bannerzuo li{list-style: none;}
.bannerzuo li a {height: 38.6px;
line-height: 38.6px;display: block;text-decoration: none;color:black;
padding-left: 14px;background:url(image/游戏列表灰色渐变.jpg) no-repeat ;
background-size:100% 100%;}
 .list a:hover{background:url(image/游戏列表鼠标移入的渐变.jpg) no-repeat ;
background-size:100% 100%;}
.list li:nth-of-type(1) a {border-radius: 8px 8px 0px 0px;}
.list li:nth-of-type(7) a {border-radius:0px 0px 8px 8px;}
.bian a span{display: inline-block;/*background-color: burlywood;*/
height: 38.6px;
line-height: 38.6px;margin-right: 10px;}
.bian a span img{vertical-align: middle;}
.list li:nth-of-type(1) img{border-radius: 8px 0px 0px 0px;}
.list li:nth-of-type(7) img{border-radius: 0px 0px 0px 8px;}
.bannerzhong{position: relative;margin-left: 10px;}
.bannerzhong img{border-radius: 8px;}
.bannerzhong p{position: absolute;right: 50px; bottom: 15px;}
.bannerzhong p span{display: inline-block;height: 26px;width: 26px;
color:#000000;
background-color: #cbcac9;text-align: center;line-height: 26px;margin-left: 8px;
border-radius: 13px;font-weight: bold;}
.bannerzhong p a:hover span{color: white; background-color: darkred;}
.banneryou{margin-left: 10px;background-color: #fafafa;
box-sizing: border-box;border: 1px solid #ccc;border-radius:8px ;
border-radius: 8px;width: 262px;height: 272px;padding:18px;box-sizing: border-box;}
.banneryou li{/*background-color: royalblue;*/margin-bottom:30px;list-style: none;
padding-left:6px ;}
.banneryou li:nth-of-type(1){font-size: 16px;font-weight: 700;color: #767373;}
.banneryou li input{height: 20px;outline: none;}
.banneryou li:nth-of-type(4){text-align: center;}
.banneryou li:nth-of-type(5) p span{margin-left: 40px;/*background-color: royalblue;*/
color: #2961a5;}
.banneryou li:nth-of-type(5) p a{text-decoration: none;}
.banneryou li:nth-of-type(5) p a:hover span{color: red;}
/*.banneryou li:nth-of-type(5) p{text-align: center;}*/
.quanbu{width:928px ;/*height: 280px;*//*background-color: wheat;*/
border: 1px solid #ccc; border-radius:8px ;box-sizing: border-box;}
.xinwen{width:262px ;height: 280px;margin-left: 10px;/*background-color: yellowgreen;*/
border: 1px solid #ccc;box-sizing: border-box;}
.bannerxia{margin-top: 20px;}
.quanbutop{width: 100%;height: 36px;background:url(image/titleBg.jpg) repeat-x;background-size:7px 36px ;
border-radius:8px 8px 0 0;}
.quanbutop ul li{float: left;list-style: none;height: 36px;line-height: 36px;}
.quanbutop ul{margin-left: 14px;}
.quanbutop ul li:nth-of-type(1){font-size: 14px;font-weight: 700;color:darkred;
margin-right: 40px;}
.quanbutop ul li a{text-decoration: none;color:black;margin-right: 14px;
margin-left: 14px;box-sizing: border-box;display: inline-block;height: 36px;width:56px ;/*background-color: red;*/}
.quanbutop ul li a:hover{font-size: 14px;font-weight: 700;color:darkred;
box-sizing: border-box;}
.zhul ul li{list-style: none;height: 30px;line-height: 30px;}
.zhul{margin-top: 20px;margin-left: 30px;margin-bottom: 20px;
/*background-color: yellowgreen;*/width: 430px;border: 1px solid #ccc;
box-sizing: border-box;border-radius: 8px;}
.zhul img{margin-top: 20px;margin-left: 16px;}
.zhul ul{margin-top: 10px;margin-left: 20px;margin-bottom: 16px}
.zhul ul li .red{color:darkred;}
.zhul ul li .botton1{display: inline-block;
height: 30px;width: 50px;line-height: 30px;
box-sizing: border-box;border-radius: 4px;
color: #666;border: 1px solid #ccc;text-align: center;
margin-right: 4px;
}
.zhul ul li .botton2{display: inline-block;
height: 30px;width: 76px;line-height: 30px;
box-sizing: border-box;border-radius: 4px;
color: #666;border: 1px solid #386d9d;text-align: center;
background:linear-gradient(#75bbcf,#4b89ad,#386d9d) ;
color:white ;}
.zhur ul li{list-style: none;height: 30px;line-height: 30px;}
.zhur{margin-top: 20px;margin-left: 8px;margin-bottom: 20px;
/*background-color: yellowgreen;*/width: 430px;border: 1px solid #ccc;
box-sizing: border-box;border-radius: 8px;}
.zhur img{margin-top: 20px;margin-left: 16px;}
.zhur ul{margin-top: 10px;margin-left: 20px;margin-bottom: 16px}
.zhur ul li .red{color:darkred;}
.zhur ul li .botton1{display: inline-block;
height: 30px;width: 50px;line-height: 30px;
box-sizing: border-box;border-radius: 4px;
color: #666;border: 1px solid #ccc;text-align: center;
margin-right: 4px;
}
.zhur ul li .botton2{display: inline-block;
height: 30px;width: 76px;line-height: 30px;
box-sizing: border-box;border-radius: 4px;
color: #666;border: 1px solid #386d9d;text-align: center;
background:linear-gradient(#75bbcf,#4b89ad,#386d9d) ;
color:white ;
}


.zhur ul li a:nth-of-type(1):hover{
	display: inline-block;
height: 30px;width: 50px;line-height: 30px;
box-sizing: border-box;border-radius: 4px;
text-align: center;
background:linear-gradient(#75bbcf,#4b89ad,#386d9d) ;

}
.zhur ul li a:nth-of-type(1):hover span{border: 1px solid #386d9d;
color:white ;}
.zhul ul li a:nth-of-type(1):hover{
	display: inline-block;
height: 30px;width: 50px;line-height: 30px;
box-sizing: border-box;border-radius: 4px;
text-align: center;
background:linear-gradient(#75bbcf,#4b89ad,#386d9d) ;

}
.zhul ul li a:nth-of-type(1):hover span{border: 1px solid #386d9d;
color:white ;}

/*.zhur ul li a:nth-of-type(1):hover .botton2 {
	display: inline-block;
height: 30px;width: 76px;line-height: 30px;
box-sizing: border-box;border-radius: 4px;
text-align: center;
color: #666;border: 1px solid #ccc;
background:linear-gradient(#75bbcf,#4b89ad,#386d9d) ;

}*/
.xinwen{width: 262px;height: 256px;
border-radius: 8px;
color: #ccc;}
.xinwen li{list-style: none;}
.xinwen li:nth-of-type(1){width: 100%;height: 36px;background:url(image/titleBg.jpg) repeat-x;background-size:7px 36px ;
border-radius:8px 8px 0 0;   
 font-size: 14px;
font-weight: 700;
color: darkred;
padding-left: 14px;
line-height: 36px;
box-sizing: border-box;}
.xinwen .text1{height: 31.4px;line-height: 31.4px;/*padding-left: 8px;*/
color: #666;/*background-color: cyan;*/margin:0px 6px 0px 6px;
box-sizing: border-box;}
.xinwen li:nth-of-type(2){border-bottom: 1px dashed #ccc;}
.xinwen li:nth-of-type(3){border-bottom: 1px dashed #ccc;}
.xinwen li:nth-of-type(4){border-bottom: 1px dashed #ccc;}
.xinwen li:nth-of-type(5){border-bottom: 1px dashed #ccc;}
.xinwen li:nth-of-type(6){border-bottom: 1px dashed #ccc;}
.xinwen li:nth-of-type(7){border-bottom: 1px dashed #ccc;}
.xinwen li a{color: #666;text-decoration: none;}
.xinwen li a:hover{color:#5899b9;}
.fott{margin-top: 20px;}
.fott_you{width:928px ;
/*background-color: yellow;*/margin-right: 10px;
box-sizing: border-box;border-radius: 8px;
border:1px solid #ccc;}
.fott_zuo{width:262px ;height: 497.4px;/*background-color: yellowgreen;*/
box-sizing: border-box;border-radius: 8px;
/*border:1px solid #ccc;*/}
.fott_you>p{font-size: 14px;font-weight: 700;color:darkred;
padding-left: 14px;line-height: 36px;height: 36px;
background: url(image/titleBg.jpg) repeat-x;background-size: 7px 36px;}

.fott_zhu li{float: left;list-style: none;
/*background-color: red;*/}
.fott_zhu li img{width:169px ;}
.fott_zhu li:nth-of-type(1){margin-left: 60px;margin-right: 44px;}
.fott_zhu li:nth-of-type(2){margin-right: 44px;}
.fott_zhu li:nth-of-type(3){margin-right: 44px;}
/* .your{margin-top: 16px;}*/
.juzh{margin-top: 15px;margin-bottom: 30px;}
.juzh ul:nth-of-type(2){margin-top: 30px;}
.fott_zhu li p:nth-of-type(1){text-align: right;
padding-right: 20px;box-sizing: border-box;
height: 20px;line-height: 20px;margin-top: 6px;}
.fott_zhu li p:nth-of-type(2){text-align: right;
padding-right: 20px;box-sizing: border-box;
height: 20px;line-height: 20px;}
.fott_zhu li p:nth-of-type(3){text-align: center;margin-top: 5px;}
.fott_zhu li p>span{color: darkred;}
.fott_zhu li p .botton3{
	display: inline-block;
height: 30px;width: 50px;line-height: 30px;
box-sizing: border-box;border-radius: 4px;
color: #666;border: 1px solid #ccc;text-align: center;
margin-right: 4px;text-decoration: none;
}
.fott_zhu li p .botton4{display: inline-block;
height: 30px;width: 76px;line-height: 30px;
box-sizing: border-box;border-radius: 4px;
border: 1px solid #386d9d;text-align: center;
background:linear-gradient(#75bbcf,#4b89ad,#386d9d) ;
color:white ;text-decoration: none;
	
}
.fott_zhu li p .botton3:hover{
display: inline-block;
height: 30px;width: 50px;line-height: 30px;
box-sizing: border-box;border-radius: 4px;
color: white;border: 1px solid #386d9d;text-align: center;
margin-right: 4px;text-decoration: none;	
background:linear-gradient(#75bbcf,#4b89ad,#386d9d) ;
}
.fott_zuo img{width: 100%;}
.fott_zuo .img{margin-top: 30px;margin-bottom: 30px;}
.fott_di1 img{width: 50%;margin-left: 5px;}
.fott_di2 img{width: 50%;}
li{list-style: none;}
.dd li{margin-left: 10px;/*background-color: red;*/height: 24px;
line-height: 24px;color: #5899b9;}
.fott_di{box-sizing: border-box;
border: 1px solid #ccc;border-radius: 8px;}
.fott_di p{height: 36px;
line-height: 36px;background: url(image/titleBg.jpg) repeat-x;
background-size:7px 36px ;
border-radius: 8px 8px 0px 0px;padding-left: 14px;
font-size: 14px;font-weight: 700;color:darkred;
padding-left: 14px;}
.fott_di1{margin-top: 30px;}
.fott_di2{margin-top: 20px;
padding-bottom: 20px;}
.ww{border-top: 1px dashed #ccc;
padding-top: 20px;
/*background: aqua;*/
margin: 0px 5px 0px 5px;}
.wei{width: 100%;}
.wei li{float: left;margin-top: 30px;margin-bottom: 30px;color: #999;
/*margin-left: 20px;*//*background-color: yellowgreen;*/}
.wei li:nth-of-type(2){margin-left: 32px;color: #5899b9;}
.wei li:nth-of-type(3){margin-left: 32px;color: #5899b9;}
.wei li:nth-of-type(4){margin-left: 32px;color: #5899b9;}
.wei li:nth-of-type(5){margin-left: 32px;color: #5899b9;}
.wei li:nth-of-type(6){margin-left: 32px;color: #5899b9;}
.wei li:nth-of-type(7){margin-left: 32px;color: #5899b9;}
.wei li:nth-of-type(8){margin-left: 90px;}
.wei li:nth-of-type(1){color: #5899b9;}
.xinwen a{padding-left: 32px;background: url(image/rightTwo.png) no-repeat 8px 4px;
transition: all .5s;}
.xinwen a:hover{padding-left: 24px;background: url(image/rightTwo.png) no-repeat 2px 4px;}
ul li img{
	transition: all .3s;
}
ul li img:hover{transform: translate(-5px,5px);}
.zhul img{transition: all .3s;}
.zhul img:hover{transform: translate(-5px,5px);}
.zhur img{transition: all .3s;}
.zhur img:hover{transform: translate(5px,5px);}
.box{position: relative;}
.donghua img{position: fixed;right: 0px;top:200px;width: 14%;
/*animation:donghua1 3s linear;*/
position:fixed;
animation:donghua1 8s linear;
}
@keyframes donghua1{
	0%{top:0px;right: 0px;}
	30%{top:400px;right: 400px;}
	50%{top:600px;right: 600px;}
	80%{top:700px;right: 700px;}
	100%{top:200px;right: 0px;}
}